<nav class="mui-bar mui-bar-tab">

       <a class="mui-tab-item2 {eq name='$request->path()' value='index/index/stindex'} mui-active{/eq}" href="{:url('index/index/stindex')}" onclick='window.location.href = "{:url('index/index/stindex')}"'>
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </a>
      <a class="mui-tab-item2 {eq name='$request->path()' value='index/order/index'} mui-active{/eq}" href="{:url('index/order/index')}" onclick='window.location.href = "{:url('index/order/index')}"'>
        <span class="mui-icon mui-icon mui-icon-list"></span>
        <span class="mui-tab-label">订单</span>
      </a>
      <a class="mui-tab-item2 {eq name='$request->path()' value='index/user/index'} mui-active{/eq}" href="{:url('index/user/index')}" onclick='window.location.href = "{:url('index/user/index')}"'>
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">我的</span>
      </a>
 </nav>
<style>
.mui-bar-tab .mui-tab-item2 {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292
}

.mui-bar-tab .mui-tab-item2.mui-active {
    color: #007aff
}

.mui-bar-tab .mui-tab-item2 .mui-icon {
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0
}

.mui-bar-tab .mui-tab-item2 .mui-icon~.mui-tab-label {
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.mui-bar-tab .mui-tab-item2 .mui-icon:active {
    background: 0 0
}
</style>
